<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!--单元格框设置table属性即可-->
<body>
    <table border="1" width="400" height="400">
    <!--表格整体的大标题!-->
        <caption><h3>优秀学生信息表</h3></caption>
    <!--表格的头部thead,表头内容有th标签，代替td,身体有tbody标签，底部用tfoot-->
        <thead>
            <tr>
                <th>年级</th>
                <th>姓名</th>
                <th>学号</th>
                <th>班级</th>
            </tr>
        </thead>
        <tbody>
            <tr>
            <!--合并单元格采用左上原则，保留一个，其余都删掉在设置单元格属性，
                跨行合并rowspan跨列合并是cospan,跨几行属性值就是几-->
                <td rowspan="2">高三</td>
                <td>张三</td>
                <td>110</td>
                <td>三年二班</td>
            </tr>
            <tr>
                <td>赵四</td>
                <td>120</td>
                <td>三年二班</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>评语</td>
                <td colspan="3">你们都很优秀</td>
            </tr>
        </tfoot>
    </table>
</body>
</html>